<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!-- saved from url=(0037)https://creditcard.bankcomm.com/m.html -->
<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta http-equiv="keywords" content="">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="viewport" content="width=640">
    <link rel="icon" type="image/vnd.microsoft.icon" href="/etc/designs/pccc/phone/favicon.ico">
    <link rel="shortcut icon" type="image/vnd.microsoft.icon" href="/etc/designs/pccc/phone/favicon.ico">
    <link rel="apple-touch-icon" href="/etc/designs/pccc/phone/114x114.png?v=20140410143400">
    <link rel="stylesheet" type="text/css" href="/etc/designs/pccc/phone/clientlibs/themes/default/css/main.css?v=20150724">
    <link rel="stylesheet" type="text/css" href="/etc/designs/pccc/phone/clientlibs/themes/default/css/legal.css?v=03.17.41">
    <script src="/etc/designs/pccc/shared/clientlibs/js/libs/jquery/jquery-1.8.0.js" type="text/javascript"></script>



    <!--app分享 start-->
    <meta name="native" content='[{"title":"分享","action":"share","para":{"title":"新发型帮你换，再送250元优惠券","desc":"客官里面请~","pageUrl":"","imageUrl":""}}]'>
    <!--app分享 end-->


    <!--weixin分享 start-->
    <meta name="wx-title" content="新发型帮你换，再送250元优惠券">

    <meta name="wx-desc" content="客官里面请~">

    <meta name="wx-img" content="">

    <meta name="wx-link" content="">



    <!--weixin分享 end-->

    <!-- Title / JS / CSS Start -->
    <title>交通银行信用卡</title>
    <!--新增或修改的css和js文件如下-->
    <link rel="stylesheet" type="text/css" href="css/index20180315.css">

    <script type="text/javascript" src="js/use/process20180315.js"></script>
    <script type="text/javascript" src="js/use/index20180315.js"></script>
    <script src="js/weixin-share.js" type="text/javascript"></script>
    <script src="js/TimelineMax.js" type="text/javascript"></script>
    <script src="js/TweenMax.js" type="text/javascript"></script>
    <script src="js/howler.js" type="text/javascript"></script>
    <script src="js/use/uploadimage/alloy_finger20180315.js" type="text/javascript"></script>
    <script src="js/use/uploadimage/exif20180315.js" type="text/javascript"></script>
    <script src="js/use/uploadimage/howler20180315.js" type="text/javascript"></script>
    <script src="js/use/uploadimage/transform20180315.js" type="text/javascript"></script>
    <script src="js/use/uploadimage/interact20180315.js" type="text/javascript"></script>
    <script src="js/html2canvas.js" type="text/javascript"></script>
    <script src="/content/dam/pc/faka/js/activityTrunkCode.js" type="text/javascript"></script>
    <script type="text/javascript" src="/content/dam/phone/faka/appwlbk/js/cardId.js"></script>

    <!-- 20151216新增 去头-------------->
    <script>
        $(document).ready(function() {
            if ((navigator.userAgent.indexOf("com.bankcomm.maidanba") == -1) && (navigator.userAgent.indexOf("MobileBank") == -1)) {
                $("header").show();
            } else {
                $("header").hide();
            }
        });
    </script>

    <!-- Title / JS / CSS End -->

</head>

<body class="normal">
    <div id="wrapper">
        <!-- Header start -->
        <header>
            <div id="headerTop">
                <div class="bank-l"></div>
                <div class="buy-r"></div>
            </div>
            <div id="logolink"></div>
        </header>
        <!-- Heand end -->
        <div class="allPage1">
            <img class="p1bg" src="images/p1/bg20180315.jpg" alt="">
            <img class="p1yun" src="images/p1/yun20180315.png" alt="">
            <!-- Content Start -->
            <div class="wrapper">
                <div id="content1" class="content1">
                    <div class="outer">
                        <div class="inner">
                            <img class="p1bg2" src="images/p1/bg220180315.png" alt="">
                            <img class="p1jiandao" src="images/p1/jiandao20180315.png" alt="">
                            <img class="p1btn" src="images/p1/btn20180315.png" alt="">
                            <img class="p1zi1" src="images/p1/p1zi120180315.png" alt="">
                            <img class="p1zi2" src="images/p1/p1zi220180315.png" alt="">
                        </div>
                    </div>
                </div>
            </div>
            <!-- Content End -->
        </div>
        <div class="allPage2">
            <img class="p2bg" src="images/p2/p2bg20180315.png" alt="">
            <!-- Content Start -->
            <div class="wrapper">
                <div id="content2" class="content2">
                    <div class="outer">
                        <div class="inner">
                            <div class="addImg" style="background-color:black">
                            </div>
                            <form class="form1Upload" enctype="multipart/form-data" method="post" name="">
                                <input type="file" id="file" class="upload" accept="image/*" multiple name="">
                            </form>
                            <img class="p2tou" src="images/p2/p2tou20180315.png" alt="">
                            <div style="position: absolute; width: 100%; height: 100%;">
                                <div class="cav head1pic" id="gesture-area">

                                    <div class="bb-container">
                                        <div class="bb-container-div" style="width:100%; height:100%;border:0;position:absolute"></div>
                                    </div>
                                    <img class="p2main" src="images/p2/p2main20180315.png" alt="">

                                </div>
                            </div>

                            <img class="p2da" src="images/p2/p2da20180315.png" alt="">
                            <img class="p2zhuan" src="images/p2/p2zhuan20180315.png" alt="">
                            <img class="p2rename" src="images/p2/p2rename20180315.png" alt="">
                            <img class="p2this" src="images/p2/p2this20180315.png" alt="">
                            <!-- <img class="page2Bg" srsc="assets/images/p2/p2main.png" alt=""> -->
                        </div>
                    </div>
                </div>
            </div>
            <div class="p2overlay">
                <img class="p2over" src="images/p2/p2overlay20180315.png" alt="">
            </div>
            <!-- Content End -->
        </div>


        <div class="allPage3">
            <img class="p3bg" src="images/p3/p3bg20180315.png" alt="">
            <img class="p3shui" src="images/p3/p3shui20180315.png" alt="">
            <!-- Content Start -->
            <div class="wrapper">
                <div id="content3" class="content3">
                    <div class="outer">
                        <div class="inner">
                            <img class="p3nv1" src="images/p3/p3nv1a20180315.png" alt="">
                            <img class="p3nv2" src="images/p3/p3nv2a20180315.png" alt="">
                            <img class="p3nan1" src="images/p3/p3nan1a20180315.png" alt="">
                            <img class="p3nan2" src="images/p3/p3nan2a20180315.png" alt="">
                            <img class="p3btn" src="images/p3/p3btn20180315.png" alt="">
                        </div>
                    </div>
                </div>
            </div>
            <!-- Content End -->
        </div>

        <div class="allPage4">
            <img class="p4bg" src="images/p4/p4bg20180315.png" alt="">
            <img class="p5shui" src="images/p5/p5shui20180315.png" alt="">
            <!-- Content Start -->
            <div class="wrapper allPage4Mmain">
                <div id="content4" class="content4">
                    <div class="outer">
                        <div class="inner">
                            <img class="p4xin" src="images/p4/p4xin20180315.png" alt="">
                            <img class="p4title" src="images/p4/p4title20180315.png" alt="">

                            <img class="p5shou" src="images/p5/p5shou20180315.png" alt="">
                            <img class="p4nvshen" src="images/p4/p4nvshen20180315.png" alt="">
                            <img class="p4tou" src="images/p4/p4tou20180315.png" alt="">


                            <div class="p4touxiang">
                                <!-- 头像位置 -->
                            </div>
                            <img class="p4chi1" src="images/p4/p4chi120180315.png" alt="">
                            <img class="p4chi2" src="images/p4/p4chi220180315.png" alt="">
                            <img class="p4nvtou" src="images/p4/p4nvtou20180315.png" alt="">
                            <a class="p4tiaozhuan" href="https://creditcard.bankcomm.com/content/dam/pc/jifen/201803/pccckaimenhonghong/jpbh.html">

                            </a>
                            <img class="p4tao" src="images/p4/p4tao20180315.png" alt="">
                            <img class="p4zi" src="images/p4/p4zi20180315.png" alt="">
                            <img class="p4zi2" src="images/p4/p4zi220180315.png" alt="">
                            <img class="p5btn" src="images/p5/p5btn20180315.png" alt="">
                            <img class="p5zi" src="images/p5/p5zi20180315.png" alt="">
                            <img class="p5ziapp" src="images/p5/p5ziapp20180315.png" alt="">
                            <img class="p5qr" src="images/p5/p5qr20180315.png" alt="">
                        </div>
                    </div>
                </div>
            </div>

            <div class="wapperP4">
            </div>

            <!-- Content End -->
        </div>

        <div class="allPage5">
            <img class="p5bg" src="images/p5/p5bg20180315.png" alt="">
            <img class="p5shui" src="images/p5/p5shui20180315.png" alt="">
            <!-- Content Start -->
            <div class="wrapper allPage5Mmain">
                <div id="content5" class="content5">
                    <div class="outer">
                        <div class="inner">

                            <img class="p5main" src="images/p5/p5main20180315.png" alt="">
                            <img class="p5title" src="images/p5/p5title20180315.png" alt="">
                            <img class="p5shou" src="images/p5/p5shou20180315.png" alt="">
                            <img class="p5yanwu" src="images/p5/p5yanwu20180315.png" alt="">
                            <img class="p5yanwu2" src="images/p5/p5yanwu20180315.png" alt="">
                            <img class="p5nvshen" src="images/p5/p5nvshen20180315.png" alt="">
                            <img class="p5tou" src="images/p5/p5tou20180315.png" alt="">
                            <div class="p5touxiang">
                                <!-- 头像位置 -->
                            </div>
                            <a class="p5tiaozhuan" href="https://creditcard.bankcomm.com/content/dam/pc/jifen/201803/pccckaimenhonghong/sjhc.html">

                            </a>
                            <img class="p5nvtou" src="images/p5/p5nvtou20180315.png" alt="">
                            <img class="p5phone" src="images/p5/p5phone20180315.png" alt="">
                            <img class="p5zi1" src="images/p5/p5zi120180315.png" alt="">
                            <img class="p5zi2" src="images/p5/p5zi220180315.png" alt="">
                            <img class="p5jian" src="images/p5/p5jian20180315.png" alt="">
                            <img class="p5btn" src="images/p5/p5btn20180315.png" alt="">
                            <img class="p5zi" src="images/p5/p5zi20180315.png" alt="">
                            <img class="p5ziapp" src="images/p5/p5ziapp20180315.png" alt="">
                            <img class="p5qr" src="images/p5/p5qr20180315.png" alt="">
                        </div>
                    </div>
                </div>
            </div>



            <div class="wapperP5">

            </div>
            <!-- Content End -->
        </div>
        <div class="allPage6">
            <img class="p6bg" src="images/p6/p6bg20180315.png" alt="">
            <img class="p5shui" src="images/p5/p5shui20180315.png" alt="">
            <!-- Content Start -->
            <div class="wrapper allPage6Mmain">
                <div id="content6" class="content6">
                    <div class="outer">
                        <div class="inner">


                            <img class="p6title" src="images/p6/p6title20180315.png" alt="">
                            <img class="p5shou" src="images/p5/p5shou20180315.png" alt="">

                            <img class="p6nanshen" src="images/p6/p6nanshen20180315.png" alt="">
                            <img class="p6tou" src="images/p6/p6tou20180315.png" alt="">
                            <div class="p6touxiang">
                                <!-- 头像位置 -->
                            </div>
                            <img class="p6nantou" src="images/p6/p6nantou20180315.png" alt="">
                            <img class="p6shuibei" src="images/p6/p6shuibei20180315.png" alt="">
                            <img class="p6shoubei" src="images/p6/p6shoubei20180315.png" alt="">
                            <img class="p6zi1" src="images/p6/p6zi120180315.png" alt="">
                            <img class="p6zi2" src="images/p6/p6zi220180315.png" alt="">
                            <a class="p6tiaozhuan" href="https://creditcard.bankcomm.com/content/dam/pc/jifen/201803/pccckaimenhonghong/jjcp.html">

                            </a>
                            <img class="p6giuqi" src="images/p6/p6giuqi20180315.png" alt="">
                            <img class="p5btn" src="images/p5/p5btn20180315.png" alt="">
                            <img class="p5zi" src="images/p5/p5zi20180315.png" alt="">
                            <img class="p5ziapp" src="images/p5/p5ziapp20180315.png" alt="">
                            <img class="p5qr" src="images/p5/p5qr20180315.png" alt="">
                        </div>
                    </div>
                </div>
            </div>

            <div class="wapperP6">
            </div>
            <!-- Content End -->
        </div>

        <div class="allPage7">
            <img class="p7bg" src="images/p7/p7bg20180315.png" alt="">
            <img class="p5shui" src="images/p5/p5shui20180315.png" alt="">
            <!-- Content Start -->
            <div class="wrapper allPage7Mmain">
                <div id="content7" class="content7">
                    <div class="outer">
                        <div class="inner">


                            <img class="p7title" src="images/p7/p7title20180315.png" alt="">
                            <img class="p5shou" src="images/p5/p5shou20180315.png" alt="">
                            <img class="p7zuoyi" src="images/p7/p7zuoyi20180315.png" alt="">
                            <img class="p7nanshen" src="images/p7/p7nanshen20180315.png" alt="">
                            <img class="p7xing" src="images/p7/p7xing20180315.png" alt="">

                            <img class="p7tou" src="images/p7/p7tou20180315.png" alt="">
                            <div class="p7touxiang">
                                <!-- 头像位置 -->
                            </div>
                            <img class="p7nantou" src="images/p7/p7nantou20180315.png" alt="">
                            <a class="p7tiaozhuan" href="https://creditcard.bankcomm.com/content/dam/pc/jifen/201803/pccckaimenhonghong/smjd.html">

                            </a>
                            <img class="p7tixudao" src="images/p7/p7tixudao20180315.png" alt="">
                            <img class="p7zi1" src="images/p7/p7zi120180315.png" alt="">
                            <img class="p7zi2" src="images/p7/p7zi220180315.png" alt="">
                            <img class="p5btn" src="images/p5/p5btn20180315.png" alt="">
                            <img class="p5zi" src="images/p5/p5zi20180315.png" alt="">
                            <img class="p5ziapp" src="images/p5/p5ziapp20180315.png" alt="">
                            <img class="p5qr" src="images/p5/p5qr20180315.png" alt="">
                        </div>
                    </div>
                </div>
            </div>

            <div class="wapperP7">
            </div>
            <!-- Content End -->
        </div>
        <!-- Content End -->

    </div>

    <div class="all4">
        <div class="allPage4PP">
            <img class="p4bg" src="images/p4/p4bg20180315.png" alt="">
            <img class="p5shui" src="images/p5/p5shui20180315.png" alt="">

            <img class="p4xin" src="images/p4/p4xin20180315.png" alt="">
            <img class="p4title" src="images/p4/p4title20180315.png" alt="">
            <!-- <img class="p5shou" src="images/p5/p5shou.png" alt=""> -->
            <img class="p4nvshen" src="images/p4/p4nvshen20180315.png" alt="">
            <img class="p4tou" src="images/p4/p4tou20180315.png" alt="">
            <div class="p4touxiang" style="overflow:hidden;">

            </div>
            <img class="p4chi1" src="images/p4/p4chi120180315.png" alt="">
            <img class="p4chi2" src="images/p4/p4chi220180315.png" alt="">
            <img class="p4nvtou" src="images/p4/p4nvtou20180315.png" alt="">
            <img class="p4jieqr" src="images/p4/p4jieqr20180315.png" alt="">
            <img class="p4250" src="images/p4/p425020180315.png" alt="">
            <img class="p4jieshi" src="images/p4/p4jieshi20180315.png" alt="">

        </div>
    </div>

    <div class="all5">
        <div class="allPage5PP">
            <img class="p5bg" src="images/p5/p5bg20180315.png" alt="">
            <img class="p5shui" src="images/p5/p5shui20180315.png" alt=""> =
            <img class="p5main" src="images/p5/p5main20180315.png" alt="">
            <img class="p5title" src="images/p5/p5title20180315.png" alt="">
            <!-- <img class="p5shou" src="images/p5/p5shou.png" alt=""> -->
            <img class="p5yanwu" src="images/p5/p5yanwu20180315.png" alt="">
            <img class="p5yanwu2" src="images/p5/p5yanwu20180315.png" alt="">
            <img class="p5nvshen" src="images/p5/p5nvshen20180315.png" alt="">
            <img class="p5tou" src="images/p5/p5tou20180315.png" alt="">
            <div class="p5touxiang">
                <!-- 头像位置 -->
            </div>
            <img class="p5nvtou" src="images/p5/p5nvtou20180315.png" alt="">
            <img class="p5jian2" src="images/p5/p5jian20180315.png" alt="">
            <img class="p5jieqr" src="images/p5/p5jieqr20180315.png" alt="">
            <img class="p5250" src="images/p5/p525020180315.png" alt="">
            <img class="p5jieshi" src="images/p5/p5jieshi20180315.png" alt="">
        </div>

    </div>

    <div class="all6">
        <div class="allPage6PP">
            <img class="p6bg" src="images/p6/p6bg20180315.png" alt="">
            <img class="p5shui" src="images/p5/p5shui20180315.png" alt="">

            <img class="p6title2" src="images/p6/p6title20180315.png" alt="">
            <!-- <img class="p5shou" src="images/p5/p5shou.png" alt=""> -->

            <img class="p6nanshen" src="images/p6/p6nanshen20180315.png" alt="">
            <img class="p6tou" src="images/p6/p6tou20180315.png" alt="">
            <div class="p6touxiang">
                <!-- 头像位置 -->
            </div>
            <img class="p6nantou" src="images/p6/p6nantou20180315.png" alt="">
            <img class="p6shoubei2" src="images/p6/p6shoubei20180315.png" alt="">
            <img class="p6giuqi" src="images/p6/p6giuqi20180315.png" alt="">
            <img class="p6jieqr" src="images/p6/p6jieqr20180315.png" alt="">
            <img class="p6250" src="images/p6/p625020180315.png" alt="">
            <img class="p6jieshi" src="images/p6/p6jieshi20180315.png" alt="">
        </div>

    </div>

    <div class="all7">
        <div class="allPage7PP">
            <img class="p7bg" src="images/p7/p7bg20180315.png" alt="">
            <img class="p5shui" src="images/p5/p5shui20180315.png" alt="">

            <img class="p7title2" src="images/p7/p7title20180315.png" alt="">
            <!-- <img class="p5shou" src="images/p5/p5shou.png" alt=""> -->
            <img class="p7zuoyi2" src="images/p7/p7zuoyi20180315.png" alt="">
            <img class="p7nanshen" src="images/p7/p7nanshen20180315.png" alt="">
            <img class="p7xing" src="images/p7/p7xing20180315.png" alt="">

            <img class="p7tou" src="images/p7/p7tou20180315.png" alt="">
            <div class="p7touxiang">
                <!-- 头像位置 -->
            </div>
            <img class="p7nantou" src="images/p7/p7nantou20180315.png" alt="">

            <img class="p7jieqr" src="images/p7/p7jieqr20180315.png" alt="">
            <img class="p7250" src="images/p7/p725020180315.png" alt="">
            <img class="p7jieshi" src="images/p7/p7jieshi20180315.png" alt="">
        </div>
    </div>


    <!-- 跟踪代码 -->
    <script src="/etc/designs/pccc/shared/clientlibs/js/gzcj.js" type="text/javascript"></script>
</body>

</html>